<template>
	<div id="status" style="height: 260px;width: 100%;"></div>
</template>
  
<script>
import * as echarts from 'echarts';
import { orderCountTone } from '@/api/countData'
export default {
	props: {
    list: {
      type: Array,
			default: () => []
    }
  },
	data() {
		return {
			listData:[],
			orderCountTone:[]
		}
	},
	mounted() {
		orderCountTone().then((res) => {
			(function () {
				var chartDom = document.getElementById('status');
			var myChart = echarts.init(chartDom);
			var option;
				option = {
				title: {
					text: 'T_1订单统计',
					// subtext: '订单统计',
					left: 'center'
				},
				tooltip: {
					trigger: 'item'
				},
				legend: {
					orient: 'horizontal',
					y: 'bottom',
					x: 'center'
				},
				series: [
					{
						name: 'T_1订单统计',
						type: 'pie',
						radius: '50%',
						data: [
							{ value: res[0].t1, name: '其他订单' },
							{ value: res[1].t1, name: '今日被分配订单' },
						],
						emphasis: {
							itemStyle: {
								shadowBlur: 10,
								shadowOffsetX: 0,
								shadowColor: 'rgba(0, 0, 0, 0.5)'
							}
						}
					}
				]
			};
				option && myChart.setOption(option);
			})();
		});
	},
	methods: {
	}
}
</script>
  
<style lang="scss" scoped>

</style>
  